<section class="p-strip is-shallow u-no-padding--bottom">
  {% if from == "first-snap" %}
  <div class="row">
    <div class="p-notification--information">
      <p class="p-notification__response">
        <span class="p-notification__status">Congratulations</span>
        {{ snap_name }} is pushed to the Store. Modify its public information, include screenshots then visit <a href="/{{ snap_name }}">your published Snap</a>.
      </p>
    </div>
  </div>
  {% endif %}
  <div class="u-fixed-width">
    <a href="/snaps">&lsaquo; My snaps</a>
    <h1 class="p-heading--three">{% if snap_title %}{{ snap_title }}{% else %}{{ snap_name }}{% endif %}</h1>
    <nav class="p-tabs">
      <ul class="p-tabs__list u-float-right u-no-margin--bottom" role="tablist">
        <li class="p-tabs__item" role="presentation">
          <a
            data-tour="listing-intro"
            href="/{{ snap_name }}/listing"
            class="p-tabs__link"
            tabindex="0"
            role="tab"
            {% if selected_tab == 'listing' %}
            aria-selected="true"
            {% endif %}
            >
            Listing
          </a>
        </li>
        <li class="p-tabs__item" role="presentation">
          <a
            href="/{{ snap_name }}/releases"
            class="p-tabs__link"
            tabindex="0"
            role="tab"
            {% if selected_tab == 'release' %}
            aria-selected="true"
            {% endif %}
            >
            Releases
          </a>
        </li>
        <li class="p-tabs__item" role="presentation">
          <a
            href="/{{ snap_name }}/metrics"
            class="p-tabs__link"
            tabindex="0"
            role="tab"
            {% if selected_tab == 'metrics' %}
            aria-selected="true"
            {% endif %}
            >
            Metrics
          </a>
        </li>
        <li
          class="p-tabs__item"
          role="presentation"
          >
          <a
            href="/{{ snap_name }}/publicise"
            class="p-tabs__link"
            tabindex="0"
            role="tab"
            {% if selected_tab == 'publicise' %}
            aria-selected="true"
            {% endif %}
            >
            Publicise
          </a>
        </li>
        <li class="p-tabs__item" role="presentation">
          <a
            href="/{{ snap_name }}/settings"
            class="p-tabs__link"
            tabindex="0"
            role="tab"
            {% if selected_tab == 'settings' %}
            aria-selected="true"
            {% endif %}
            >
            Settings
          </a>
        </li>
      </ul>
    </nav>
  </div>
</section>
